<div class="header" id="header" streamid="<?php echo $this->streamView->model->streamId; ?>" threadid="" messageid="">
    <div class="top-banner">
        <p>
            <span class="menu" id="menu-button">
                <i class="fa fa-bars fa-2x"></i>
            </span>
            <span class="title"><?php echo $this->streamView->model->name; ?></span>
            <span class="detail" id="filter-button"><i class="fa fa-bookmark fa-2x"></i></span>
        </p>
    </div>
    <div class="option" id="option">
        <div class="button back-button" id="back-button">
            <i class="fa fa-back fa-1x5"></i>
        </div>
        <div class="button buttons">			
            <ul class="level-0">
                <li id="social-button">
                    <span><i class="ub ub-share ub-1x5"></i></span>
                    <ul class="level-1 narrow hide">							
                        <img src="Images/bubble-node.png" alt="">
                        <li data="facebook"><i class="fa fa-facebook fa-1x5 fa-lg"></i>Facebook</li>
                        <li data="twitter"><i class="fa fa-twitter fa-1x5 fa-lg"></i>Twitter</li>
                        <li data="googleplus"><i class="fa fa-google-plus fa-1x5 fa-lg"></i>Google+</li>
                        <li data="linkedin"><i class="fa fa-linkedin fa-1x5 fa-lg"></i>Linkedin</li>
                    </ul>
                </li>
                <li><i class="fa fa-star-o fa-1x5"></i> </li>
                <li id="options-button">
                    <span><i class="fa fa-caret-down fa-1x5"></i></span>
                    <ul class="level-1 hide">
                        <img src="Images/bubble-node.png" alt="">
                        <li data="reply"><i class="fa fa-share fa-1x5"></i>Reply</li>
                        <li data="add-task"><i class="fa fa-check fa-lg"></i>Add Task</li>
                        <li data="email"><i class="fa fa-envelope fa-lg"></i>Email</li>
                        <li data="send-sms"><i class="fa fa-comment fa-lg"></i>Send SMS</li>
                        <li data="tags" id="tags-option"><i class="fa fa-tag fa-lg"></i>
                            <select>
                                <option value="0">Tags</option>
                                <?php
                                    $tags = Tag::getList();
                                    foreach ($tags as $tag) {
                                        echo '<option value="'.$tag->tagId.'">'.$tag->tagName.'</option>"';
                                    }
                                ?>
                            </select>
                        </li>
                        <li data="archive"><i class="ub ub-archive ub-lg"></i>Archive</li>
                        <li data="trash"><i class="fa fa-trash-o fa-lg"></i>Trash</li>
                        <li data="spam"><i class="ub ub-spam ub-lg"></i>Spam</li>
                    </ul>
                </li>					
            </ul>
        </div>
    </div>
    <div class="buzz-action buzz-task hide" id="add-task">
        <div class="wrapp">
            <div class="title">
                <p>ADD A TASK</p>
            </div>
            <div class="form">
                <p>Assign to</p>
                <select name="assigned_to" class="full" id="">
                    <?php
                        $users = User::listUser();
                        foreach($users as $user) {
                            $userId = $user->id;
                            $userName = $user->name;
                            echo "<option value=\"$userId\">$userName</option>";
                        }
                    ?>
                </select>
                <p>Task</p>
                <select name="category_id" class="full" id="">
                    <?php
                        $taskTypes = TaskType::listName();
                        foreach($taskTypes as $taskType) {
                            $typeId = $taskType["id"];
                            $typeName = $taskType["name"];
                            echo "<option value=\"$typeId\">$typeName</option>";
                        }
                    ?>
                </select>
                <p>Department</p>
                <input type="text" class="full">
                <p>Description</p>
                <textarea name="description"></textarea>
                <button class="submit" dataType="add-task">Save</button>
                <button class="cancel" dataType="add-task">Cancel</button>
            </div>				
        </div>		
    </div>
    <div class="buzz-action buzz-sms hide" id="send-sms">
        <div class="wrapp">
            <div class="title">
                <p>SEND SMS</p>
                <p style="color: #0086B3; display: none;">Message has send!</p>
            </div>
            <div class="form">
                <input name='sendTo' type="text" placeholder="To">
                <br>
                <textarea name='message'></textarea>
                <button class="submit" dataType="send-sms">Send</button>
                <button class="cancel" dataType="send-sms">Cancel</button>
            </div>				
        </div>		
    </div>
    <div class="buzz-action buzz-share hide" id="facebook">
        <div class="wrapp">
            <div class="title">
                <p>SHARE TO FACEBOOK</p>
            </div>
            <div class="form">
                <p>Message</p>
                <textarea name=""></textarea>
                <button class="submit" dataType="facebook">Share</button>
                <button class="cancel" dataType="facebook">Cancel</button>
            </div>				
        </div>		
    </div>
    <div class="buzz-action buzz-reply hide" id="reply">
        <div class="wrapp">
            <div class="title">
                <p>REPLY</p>
            </div>
            <div class="form">
                <p>Message</p>
                <textarea name=""></textarea>
                <button class="submit" dataType="reply">Reply</button>
                <button class="cancel" dataType="reply">Cancel</button>
            </div>				
        </div>		
    </div>
</div>
<div class="content" id="content">
    <ul class="task-list" data-dateFrom="<?php 
                    $date = new DateTime();
                    $dateInterval = new DateInterval('P10D');
                    $dateInterval->invert = 1;
                    $date->add($dateInterval);
                    echo $date->format('d-m-Y');
                ?>" data-dateTo="<?php
                    $date = new DateTime();
                    echo $date->format('d-m-Y');
                ?>" id="task-list">
        <?php include("View/Mobile/Activity/SingleTask.php"); ?>
    </ul>
    <div class="load-more">
        <h5>Loading more threads...</h5>
    </div>
</div>